{% extends "base.html" %}

{% block title %}
{% ifequal lang 'en' %}
Join Us
{% else %}{% ifequal lang 'zh' %}
加入我们
{% endifequal %}{% endifequal %}
{% endblock %}

{% block style %}
{% ifequal lang 'en' %}
#apDiv1 {
	position:relative;
	width:820px;
	height:auto;
	z-index:3;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	clear: left;
	font-size: 12px;
	line-height: 1em;
	font-family: Tahoma, Geneva, sans-serif;
}
{% else %}{% ifequal lang 'zh' %}
#apDiv1 {
	position:relative;
	width:820px;
	height:auto;
	z-index:3;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	clear: left;
}
{% endifequal %}{% endifequal %}
p{
	font-size:12px;
	text-indent:2em;	
}
{% endblock %}

{% block content %}
<div id="Content">
    <div style="clear:both">
	<img src="/media/image/job.jpg" alt="" name="pic1" width="780" height="405" hspace="40" id="pic1"/>
	{% ifequal lang 'en' %}
	<img src="/media/image/{{lang}}/job.jpg" alt="job" width="146" height="30" hspace="10" vspace="10" align="left" style="display:block"/>
	{% else %}{% ifequal lang 'zh' %}
	<img src="/media/image/{{lang}}/job.jpg" alt="job" width="89" height="30" hspace="10" vspace="10" align="left" style="display:block"/>
	{% endifequal %}{% endifequal %}
	<div id="Menu1"><a name="job" id="job"></a>
	    <ul>
		{% ifequal lang 'en' %}
		{% for job_type in job_type_list %}
		<li><a {% if selected_job_type.type_tag == job_type.type_tag %}id="current"{% endif %} href="/{{lang}}/join/{{job_type.type_tag}}/#job">{{job_type.type_name_en}}</a></li>
		{% endfor %}
		{% else %}{% ifequal lang 'zh' %}
		{% for job_type in job_type_list %}
		<li><a {% if selected_job_type.type_tag == job_type.type_tag %}id="current"{% endif %} href="/{{lang}}/join/{{job_type.type_tag}}/#job">{{job_type.type_name_zh}}</a></li>
		{% endfor %}
		{% endifequal %}{% endifequal %}
	    </ul>
	</div>
	<div id="apDiv1">
	    <p class="Name" style="text-indent:0em">
		{% ifequal lang 'en' %}
		Position Vacant:
		{% else %}{% ifequal lang 'zh' %}
		招聘岗位：
		{% endifequal %}{% endifequal %}
	    </p>
	    {% if not job_list %}
	    <p>
		{% if lang == "en" %}No opportunity available{% endif %}
		{% if lang == "zh" %}暂无职位{% endif %}
	    </p>
	    {% endif %}
	    {% for job in job_list %}
	    <a style="color:#000; font-size:12px; line-height:1.5em;" href="/{{lang}}/join/{{selected_job_type.type_tag}}/#{{job.job_tag}}"><p>
		{% ifequal lang 'en' %}
		{{job.job_title_en}}
		{% else %}{% ifequal lang 'zh' %}
		{{job.job_title_zh}}
		{% endifequal %}{% endifequal %}
	    </p></a>
	    {% endfor %}
	    {% if selected_job_type.type_requirement_en != "" and lang == "en" %}
	    <p class="Dgree" style="text-indent:0em">Above applicant need the requirement below:</p>
	    <p style="text-indent:0em">{{selected_job_type.type_requirement_en|safe}}</p>
	    {% endif %}
	    {% if selected_job_type.type_requirement_zh != "" and lang == "zh" %}
	    <p class="Dgree" style="text-indent:0em">以上职位申请者需要符合下列条件：</p>		
	    <p style="text-indent:0em">{{selected_job_type.type_requirement_zh|safe}}</p>
	    {% endif %}
	    {% if selected_job_type.type_contact_en != "" and lang == "en" %}
	    <p class="Dgree" style="text-indent:0em">Contact:</p>
	    <p style="text-indent:0em">{{selected_job_type.type_contact_en|safe}}</p>
	    {% endif %}
	    {% if selected_job_type.type_contact_zh != "" and lang == "zh" %}
	    <p class="Dgree" style="text-indent:0em">联系方式：</p>
	    <p style="text-indent:0em">{{selected_job_type.type_contact_zh|safe}}</p>
	    {% endif %}
	    <hr/>
	    {% for job in job_list %}
	    {% ifequal lang 'en' %}
	    <p style="text-indent:0em" class="styleCoo"><a name="{{job.job_tag}}" id="job"></a>{{job.job_title_en}}</p>
	    <p style="text-indent:0em">
		<span class="Dgree">Positions:</span>&nbsp;&nbsp;{{job.job_position}}&nbsp;&nbsp;
		<span class="Dgree">Location:</span>&nbsp;&nbsp;{{job.job_location_en}}
	    </p>
	    <p style="text-indent:0em" class="Dgree">Position Summary:</p>
	    <p>{{job.job_summary_en|safe}}</p>
	    <p style="text-indent:0em" class="Dgree" >Qualifications:</p>
	    <p>{{job.job_qualifications_en|safe}}</p>
	    <p align="right"><a class="text3" href="/{{lang}}/join/{{selected_job_type.type_tag}}/#job">back to job opportunity</a></p>
	    {% else %}{% ifequal lang 'zh' %}
	    <p style="text-indent:0em" class="styleCoo"><a name="{{job.job_tag}}" id="job"></a>工作岗位：{{job.job_title_zh}}</p>
	    <p style="text-indent:0em">
		<span class="Dgree">招聘人数：</span>{{job.job_position}}&nbsp;&nbsp;
		<span class="Dgree">工作地点：</span>{{job.job_location_zh}}
	    </p>
	    <p style="text-indent:0em" class="Dgree">主要职责：</p>
	    <p>{{job.job_summary_zh|safe}}</p>
	    <p style="text-indent:0em" class="Dgree">岗位要求：</p>
	    <p>{{job.job_qualifications_zh|safe}}</p>
	    <p align="right"><a class="text3" href="/{{lang}}/join/{{selected_job_type.type_tag}}/#job">回到招聘岗位</a></p>
	    {% endifequal %}{% endifequal %}
	    <hr/>
	    {% endfor %}
	</div> 
    </div>
</div>
{% endblock %}
